<DOCTYPE html>
<html>
<head>
<style type="text/css">
#plane img{
animation: myplane 6s ease infinite forwards;
/*动画名称完成动画所需时间速度曲线无限循环播放动画结束后停留在动画结束状态*/
    position: absolute;
}
@keyframes myplane{
0%{
top: 0px;left: 0px;
}
50%{
top: 35%;left: 90%;
transform: rotate Y(180deg);
}
100%{
top: 80%;left: 0px;
}
}</style></head>
<body>
<div id="plane">
<img src="E:/D盘/搜狗高速下载/plane.jpeg" width="100" height="100"/></div>
</body>
</html>
